<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/template/template.xhtml"
>
	<ui:define name="conteudo">
	<section class="content-header">
		<h1>
			<h:outputText value="#{mensagens['display.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
			<h:outputText value="#{mensagens['display.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
			<h:outputText value="#{mensagens['display.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			<small>
				<h:outputText value="#{mensagens['display.alterar.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
				<h:outputText value="#{mensagens['display.alterar.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
				<h:outputText value="#{mensagens['display.alterar.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			</small>	
		</h1>
		<ol class="breadcrumb">
			<li>
				<h:outputLink>
					<i class="fa fa-dashboard"/> 
					<h:outputText value="#{mensagens['display.voce.esta.em']}" />
				</h:outputLink>
			</li>
			<li>
				<h:outputText value="#{mensagens['display.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
				<h:outputText value="#{mensagens['display.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
				<h:outputText value="#{mensagens['display.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			</li>
			<li>
				<h:outputText value="#{mensagens['display.listar.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
				<h:outputText value="#{mensagens['display.listar.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
				<h:outputText value="#{mensagens['display.listar.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			</li>
			<li>
				<h:outputText value="#{mensagens['display.detalhar.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
				<h:outputText value="#{mensagens['display.detalhar.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
				<h:outputText value="#{mensagens['display.detalhar.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			</li>
			<li class="active">
				<h:outputText value="#{mensagens['display.alterar.aluno']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 1}"/>
				<h:outputText value="#{mensagens['display.alterar.professor']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 2}"/>
				<h:outputText value="#{mensagens['display.alterar.coordenador']}"  rendered="#{alterarUsuarioBean.usuario.perfil eq 3}"/>
			</li>
		</ol>
	</section>
	<section class="content">
		<h:form prependId="false">
		<h:inputHidden id="validator" validator="usuarioValidator" />
 			<div class="row">
				<div class="col-md-12">
					<div class="box box-primary">
						<div class="box-header">
							<h3 class="box-title">
								<h:outputText value="#{mensagens['display.alterar.usuario']}" />
								<small>
									<h:outputText value="#{mensagens['display.todos.campos.obrigatorios']}" />
								</small>
							</h3>
						</div>
						
						<div class="clear"/>
						<div class="aviso" >
							<h:messages id="mensagens" fatalClass="callout callout-danger"  errorClass="callout callout-warning" infoClass="callout callout-success" warnClass="callout callout-info"/>
						</div>
						
						<div class="box-body">
							<div class="form-group">
								<label><h:outputText value="#{mensagens['display.perfil']}:"  /></label>
								<h:selectOneMenu id="perfil"  value="#{alterarUsuarioBean.usuario.perfil}" styleClass="form-control x15">
									<f:selectItem itemLabel="#{mensagens['display.selecione']}" itemValue="0" />
									<f:selectItem itemLabel="#{mensagens['display.aluno']}" itemValue="1" />
									<f:selectItem itemLabel="#{mensagens['display.professor']}" itemValue="2" />
									<f:selectItem itemLabel="#{mensagens['display.coordenador']}" itemValue="3" />
								</h:selectOneMenu>
							</div>
							<div class="form-group">
								<label>
									<h:outputText value="#{mensagens['display.nome']}:" />
								</label>
								<h:inputText id="nome"  value="#{alterarUsuarioBean.usuario.nome}" maxlength="58" styleClass="form-control x40" autocomplete="off"/>
							</div>
							<div class="form-group">
								<label>
									<h:outputText value="#{mensagens['display.cpf']}:" />	
								</label>
								<h:inputText id="cpf" value="#{alterarUsuarioBean.usuario.cpf}" maxlength="11"  styleClass="form-control cpf x15" autocomplete="off" />
							</div>
							<div class="form-group">
								<label>
									<h:outputText value="#{mensagens['display.email']}:" />
								</label>
								<h:inputText id="email" value="#{alterarUsuarioBean.usuario.email}" maxlength="50" styleClass="form-control x40"  autocomplete="off"/>
							</div>
							
							<div class="checkbox">
								<label>
									<h:outputText value="#{mensagens['display.pergunta.alterar.senha']}:" />
								</label>
								<br/>
								<h:selectBooleanCheckbox id="alterarSenha" value="#{alterarUsuarioBean.alterarSenha}" >
									<f:ajax event="click" render="senhas" />
								</h:selectBooleanCheckbox>
							</div>
							
							<h:panelGroup id="senhas" rendered="#{alterarUsuarioBean.alterarSenha}">
								<div class="form-group">
									<label>
										<h:outputText value="#{mensagens['display.senha']}:" />
									</label>
									<h:inputSecret id="senha" value="#{alterarUsuarioBean.usuario.senha}" maxlength="8" styleClass="form-control x10" autocomplete="off" />
								</div>
								<div class="form-group">
									<label>
										<h:outputText value="#{mensagens['display.confirme.senha']}:"  />
									</label>
									<h:inputSecret id="confirmarSenha"  value="#{alterarUsuarioBean.usuario.senha}" styleClass="form-control x10" maxlength="8" autocomplete="off"/>
								</div>
							</h:panelGroup>
							<div class="checkbox">
								<label>
									<h:outputText value="#{mensagens['display.status']}:" />
								</label>
								<br/>
								<h:selectBooleanCheckbox value="#{alterarUsuarioBean.usuario.status}" />
							</div>
							<br/>
							</div>
							<div class="box-footer">
								<h:commandButton value="#{mensagens['display.alterar']}" styleClass="btn btn-success" action="#{alterarUsuarioBean.alterarUsuario()}" />
								<h:commandButton value="#{mensagens['display.limpar']}" styleClass="btn btn-warning" action="#" type="reset"/>
								<h:commandButton value="#{mensagens['display.voltar']}" immediate="true" styleClass="btn btn-default" action="#{alterarUsuarioBean.voltarDetalheUsuario()}" />
							</div>
						</div>
					</div>
				</div>
			</h:form>
		</section>
	</ui:define>
</ui:composition>